import {
    request
} from "../../request/index"
// pages/category/index.js
Page({


  
    /**
     * 页面的初始数据
     */ 
    data: {
        leftMenuList: [],
        rightMenuList: [],
        Cates: [],
        //    被点击的左侧菜单
        currentIndex: 0,
        scrollTop:0,
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
     
        const Cates=wx.getStorageSync("cates")
            if(!Cates){
                // 不存在时候
                this.getCate()
            }else{
                // 有旧数据的时候 定义过期时间 10s改成五分钟
                if(Date.now()-Cates.time>1000*10){
                    // 重新发送请求
                    this.getCate();
                }else{
                    // 可以是旧 的数据
                    console.log("可以用旧数据")
                    this.Cates = Cates.data 
                }
            }
    },
  async  getCate() {
        // request({
        //     url: "https://api-hmugo-web.itheima.net/api/public/v1/categories",
        // }).then(res => {
        //     this.Cates = res.data.message;
        //     // 把接口数据存在本地存储中
        //     wx.setStorageSync('cates',{time:Date.now(),data:this.Cates})
        //     //    构造左侧的大数据
        //     let leftMenuList = this.Cates.map(v => v.cat_name)
        //     let rightMenuList = this.Cates[0].children;
        //     this.setData({
        //         leftMenuList,
        //         rightMenuList
        //     })
        //     // 构造右侧的大数据
        // })
        const res  =await request({
        url:'/categories'})
        this.Cates = res.data.message;
            // 把接口数据存在本地存储中
            wx.setStorageSync('cates',{time:Date.now(),data:this.Cates})
            //    构造左侧的大数据
            let leftMenuList = this.Cates.map(v => v.cat_name)
            let rightMenuList = this.Cates[0].children;
            this.setData({
                leftMenuList,
                rightMenuList
            })
    },
    handleItemTAP(e){
        console.log(e)
       const {index}=e.currentTarget.dataset
       let rightMenuList = this.Cates[index].children;
     
       this.setData({
        currentIndex:index,
        rightMenuList,
        scrollTop:0
       })
      

    },
    


    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})